<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <title>CRM</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/outer-user"],
            cb: function (o) {
                app.requireCss(['css/wx/icons-extra', 'css/wx/wx-iconfont', 'css/wx/audio'], doc);
            }
        };
    </script>
    <script data-main="../../js/wx/public/config" src="../../js/require.js"></script>

    <link rel="stylesheet" href="../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../css/wx/app.css">
    <link rel="stylesheet" href="../../css/wx/style.css"/>
    <link rel="stylesheet" href="../../css/wx/style-hn.css"/>
    <link rel="stylesheet" href="../../css/wx/crm.css"/>
    <style>

        .statistics_number {
            font-weight: 800;
            font-size: 17px !important;
            color: #4C6FB0;
        }

        .statistics_title {
            color: #d2620a;
        }

        .mui-card-content-inner {
            text-align: center;
        }

        .mui-table-view.mui-grid-view .mui-table-view-cell {
            padding: 10px 0 0 35px;
        }

        .searchBox {
            z-index: 3
        }

        .mui-card {
            margin: 0;
        }

    </style>
</head>

<body>
<div class="zindex_bg"></div>
<!--搜索-->
<div id="searchDiv" class="mui-input-row searchBox" style="position: relative">
    <form action="javascript:app.returnFalse();">
        <div class="noneFouce" @tap.stop="clickIn">
            <p class="left_icon"><i class="mui-icon mui-icon-search"></i>请输入商品名称/商品编号</p>
            <input type="text" disabled>
        </div>
        <div class="hasFouce" style="display: none">
            <i class="mui-icon mui-icon-search"></i>
            <input @search="toSearch" type="search" class="mui-input-clear" placeholder="请输入商品名称/商品编号"
                   v-model.trim="keyword" @blur="lostIn(0)">
        </div>
        <span @tap.stop="scanQRCode" class="iconfont icon icon-061 posIcon wf-font-color"
              style="font-size: 27px;"></span>
    </form>
</div>
<div id="content" style="margin-top:3px;">
    <div class="mui-card" style="margin: 0 15px">
        <div class="mui-card-header">
            <div><span class="border-left-span bg-color-3"></span>爆款品</div>
        </div>
        <div class="mui-card-content">
            <div v-if="hotList.length>0" id="slider3" class="mui-slider">
                <div class="mui-slider-group mui-slider-loop">
                    <div v-for="v in hotList" :class="v.className" @tap.stop="go('hot',v)">
                        <a href="#" style="height: 170px;text-align: center;width: 100%;">
                            <img :src="v.path">
                            <p v-text="v.GWAML003" class="mui-slider-title"></p>
                        </a>
                    </div>
                </div>
                <div class="mui-slider-indicator">
                    <div v-for="v,index in hotList" v-if="index < hotList.length-2" class="mui-indicator"></div>
                </div>
            </div>

            <div v-if="hotList.length==0" class="mui-card-footer">
                <span>暂无爆款品信息</span>
            </div>
        </div>
    </div>
    <div class="iconHr wf-iconHr" style="margin-top: 10px;">
        <div class="mui-row" style="width: 97%;margin: auto">
            <div @tap.stop="go('ddmx')" class="mui-col-sm-4 mui-col-xs-4">
                <a href="javascript:;">
                    <div>
                        <p class="statistics_number" v-text="count.orderCount"></p>
                        <p class="statistics_title">订单</p>
                    </div>
                </a>
            </div>
            <div class="mui-col-sm-4 mui-col-xs-4">
                <a @tap.stop="go('fw')">
                    <div>
                        <p class="statistics_number" v-text="count.serverCount"></p>
                        <p class="statistics_title">服务中</p>
                    </div>
                </a>
            </div>
            <div @tap.stop="go('pj')" class="mui-col-sm-4 mui-col-xs-4">
                <a href="javascript:;">
                    <div>
                        <p class="statistics_number" v-text="count.commentCount"></p>
                        <p class="statistics_title">待评价</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>

<div class="mui-card after-sale">
    <div class="mui-card-header">
        <div style="font-size: 17px"><span class="iconfont icon icon-02"></span>促销商品</div>
    </div>
    <div class="mui-card-content">
        <div id="promotesDiv"
             class="mui-card-content-inner mui-scroll-wrapper"
             style="height: 160px;">
            <div class="mui-scroll" style="width: auto;height: 130px;">
                <div style="white-space: nowrap; width: auto;">
                    <a v-for="v in promotes" @tap.stop="openDetail(v)" style="display: inline-block;margin-right:10px;background: #fff;border-radius: 10px;padding:5px">
                        <!--                <img style="width: 100px;height: 100px"-->
                        <!--                     src="http://img1.imgtn.bdimg.com/it/u=2944705163,3932100810&fm=26&gp=0.jpg"/>-->
                        <img style="width: 80px;height: 80px" :src="v.path"/>
                        <p style="font-size:12px;">截止日:{{v.dateStr}}</p>
                        <p style="font-size:12px;">促销价:{{v.price}}</p>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="fwyycard" class="mui-card after-sale" style="margin-bottom:90px;margin-top:6px;">
    <div class="mui-card-header">
        <div style="font-size: 17px"><span class="iconfont icon icon-02"></span>服务预约</div>
    </div>
    <div class="mui-card-content">
        <div v-show="fwyyList.length>0" class="mui-collapse-content">
            <div v-for="v in fwyyList" @tap.stop="openfwyy">
                <div class="cardList">
                    <div class="crm_car_list">

                        <div class="list_head">
                            <span><img src="../../img/time.svg"/> </span><p v-text="v.MMRD004"></p>
                        </div>
                        <div class="list_body">
                            <p v-text="v.MMRA004"></p>
                            <p v-text="v.MMRLL003"></p>
                            <p v-text="v.MMRD021_NAME"></p>
                            <p v-text="v.MMRD021_MOBILE"></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div v-show="fwyyList.length==0" class="mui-card-footer nodata">
<!--            <p>您暂时没有相关预约信息</p>-->
            <img src="../../img/nodata.svg"/>
        </div>
    </div>
</div>

<nav id="foot" class="mui-bar mui-bar-tab mbsbar">
    <a id="scan" class="mui-tab-item" @tap.stop="openFoot('fl')">
        <span class="iconfont icon icon-005"></span>
        <p class="mui-tab-label">分类浏览</p>
    </a>
    <a id="gwc" class="mui-tab-item" @tap.stop="openFoot('gwc')">
        <span class="iconfont icon icon-006"></span>
        <p class="mui-tab-label">购物车</p>
    </a>
    <a id="me" class="mui-tab-item" @tap.stop="openFoot('wo')">
        <span class="iconfont icon icon-004"></span>
        <p class="mui-tab-label">我的</p>
    </a>
</nav>
</body>
</html>